<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/admin.css" />
	<script type='text/javascript' src='__PUBLIC__/js/jquery.min.js'></script>
	<script type='text/javascript' src='__PUBLIC__/layer/layer.js'></script>
	<script type='text/javascript' src='__PUBLIC__/admin/js/common.js'></script>
    <title>后台管理</title>
</head>
<body>
<div class="main-container clearfix"><div class="main-content"><div class="inner"><div class="mall-manage">
    <div class="comm-list" style="min-height:600px">
        <div class="comm-top">
            <div class="title-left">
                <{:I('get.name')}>-饮水图表
            </div>
            <div class="title-right" style="top:8px;">
            <form method="get" action="<{:U('index')}>">
                <input type="hidden" name="m" value="<{:MODULE_NAME}>" />
                <input type="hidden" name="c" value="<{:CONTROLLER_NAME}>" />
                <input type="hidden" name="a" value="<{:ACTION_NAME}>" />
                <input type="hidden" name="uid" value="<{:I('get.uid')}>" />
                <input type="hidden" name="name" value="<{:I('get.name')}>" />
                开始日期：
                <input type="text" class="textarea search_inp" name="start_date" value="<{$start_date}>" onclick="WdatePicker()" />
                ~ 结束日期：
                <input type="text" class="textarea search_inp" name="end_date" value="<{$end_date}>" onclick="WdatePicker()" />
                <input value="搜索" class="btn btn-success search_btn" type="submit" />
            </form>
            </div>
        </div>
        <div class="list-table">
            <div class="wrapper">
                <div id="container" style="max-width:100%;height:500px;margin:0 auto"></div>
            </div>
        </div>
    </div>
</div></div></div></div>
<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/highcharts/js/highcharts.js"></script>
<script src="__PUBLIC__/highcharts/js/modules/exporting.js"></script>
<script src="__PUBLIC__/highcharts/js/modules/no-data-to-display.js"></script>
<script src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '饮水'
        },
        xAxis: {
            categories: [<{$xStr}>],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: 'ml'
            }
        },
        tooltip: {
            headerFormat: '{point.key}',
            pointFormat: '<tr><td style="padding:0"><b>{point.y}</b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            },
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    format: '{point.y:f}'
                }
            }
        },
        series: [{
            name: '饮水量',
            data: [<{$yStr}>]
        }],
        lang: {
            noData: "暂无数据"
        },
        noData: {
            style: {
                fontWeight: 'bold',
                fontSize: '16px',
                color: '#303030'
            }
        }
    });
});
</script>
</body>
</html>